import patch from "./patch";
import h from "./h";
export const snabbdomInit = {
  data() {
    return {
      container: null,
      myVnode1: null,
      myVnode2: null
    };
  },
  mounted() {
    this.init();
  },
  methods: {
    delElm() {
      patch(this.myVnode1, this.myVnode2);
    },
    init() {
      this.myVnode1 = h("ul", {}, [
        h("li", { key: "A" }, "A"),
        h("li", { key: "B" }, "B"),
        // h("li", { key: "M" }, "M"),
        // h("li", { key: "N" }, "N"),
        h("li", { key: "C" }, "C")
      ]);
      this.myVnode2 = h("ul", {}, [
        h("li", { key: "A" }, "AAAAs"),
        h("li", { key: "B" }, "B"),
        h("li", { key: "C" }, "C")
        // h("li", { key: "D" }, "D")
      ]);
      // this.myVnode2 = h("ul", {}, [
      //   h("li", {}, "A"),
      //   h("li", {}, "B"),
      //   h("li", {}, "C"),
      //   h("li", {}, "D")
      // ]);

      // 创建虚拟节点
      this.container = document.getElementById("container");
      patch(this.container, this.myVnode1);
    }
  }
};
